KFE 第36期

一周推荐

腾讯Web前端大会精彩回顾

看到吗?我就是中奖的那个

腾讯Web前端大会

CSS 新的长度单位 fr 你知道么?

fr是 CSS Grid 规范中引入的一个新的长度单位,来看看fr实现了什么效果

fr

Vue vs React: Javascript 框架之战

要我说呀,老夫开发只用jQuery

Vue React

HTML 自定义元素教程

浏览器对待自定义元素,就像对待标准元素一样,只是没有默认的样式和行为。所以即使是写错的标签元素也能正常显示标签内容

自定义元素

Server-Sent Events 教程

SSE是服务器向客户端声明,服务端将向客户端发送流信息,从而实现服务端向浏览器推送消息

Server-Sent Events SSE

一周技能加油站

这周打算回顾一下计算机基础,位运算符,准备好智商,发车

ECMAScript 位运算符

论腾讯 TFC 抽奖程序作弊的可能性,以及代码中存在的 bug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
~~null;      // => 0
~~undefined; // => 0
~~0; // => 0
~~{}; // => 0
~~[]; // => 0
~~(1/0); // => 0
~~false; // => 0
~~true; // => 1
~~1.2543; // => 1
~~4.9; // => 4
~~(-2.999); // => -2

对于非数字,~~的结果为0,布尔的true是1

对于大于0的数,~~相当于是Math.floor

对于小于0的数,~~相当于是Math.ceil

一周挑战(每周提供一道面试题)

1
2
3
4
5
6
7
8
9
用一个div模拟textarea的实现?

HTML5中添加了一个新属性contenteditable,该属性可以让input,textarea以外的不可编辑的标签具备可编辑功能;

/contenteditable="true"  当属性值为true的时候,可编辑标签内可以写入标签,对于复制的具有样式的内容,其样式会保留;
<div contenteditable="true">我是可编辑的富文本框</div>

//contenteditable="plaintext-only"  当属性值为plaintext-only时,该可编辑标签内只能写入纯文本的数据,对于复制的具有样式的内容,会转换为纯文本,而将样式标签等内容过滤掉;
<div contenteditable="plaintext-only"></div>

一周段子

“儿子,你要不要叫外卖?”

“好!”
.

.

.

.

.

于是爸爸带儿子去派出所改名了

文章整理来自互联网,不作商业用途,如侵权,请联系删除